.products {
    overflow: hidden; 
}

a {text-decoration: none;}

.products > li { 
    list-style-type: none; 
    list-style-position: outside; 
    display: inline; 
    float: left;
    margin: 1em;
}

.products > li {
    border: solid 1px #CCC;
    box-shadow: 1px 1px 5px #333;
	border-radius: 20px;
}

.products > li:hover {
    box-shadow: inset 0 0 10px rgba(0,0,0,0.8), 
    inset 0 20px 0 rgba(255,255,255,0.5), 
    inset 0 -5px 0 rgba(0,0,0,0.4);
}

.text-holder {
    border-bottom-left-radius:  20px;
    border-bottom-right-radius:  20px;
    background-color: rgba(220,220,220,0.5);
}

.img-holder {

}

.text-holder, .img-holder {
    padding: 1em;
}

.text-holder > p {
    width: 100%;
}

.img-holder, .text-holder {
    display: block;
}

.product-cover {
    width: 12em;
    height: 12em;
}

.price {
    color: #666;
    font-style: italic;
    font-size: 1em;
}

.color-boxes { overflow: hidden }

.color {float: left; padding: 10px; margin: 5px; background-color: #CCC; border: 1px solid #CCC; border-radius: 2px;}
.color:hover { border: 1px solid #666; box-shadow: 1px 1px 5px #333;}
.color-boxes > .color:first-child {margin-left: 0;}
.color-boxes > .color:last-child {margin-right: 0;}

.black {background-color: black;}
.white {background-color: white;}
.red {background-color: red;}
.green {background-color: green;}
.blue {background-color: blue;}
.yellow {background-color: yellow;}
.oragne {background-color: orange;}
.purple {background-color: Purple;}
.pink {background-color: HotPink;}
.greenYellow {background-color: GreenYellow;}
.gray {background-color: gray;}
.orangeRed {background-color: OrangeRed;}
.skyBlue {background-color: SkyBlue }
.olive {background-color: Olive;}
.indianRed  {background-color: IndianRed;}